<template>
  <div>

    <h1> 很高兴  这是首页</h1>
     <h1> 很高兴  这是首页</h1>




<!-- 底边  下面的五个分类  可以改但是就是我们 还有就是要改五个 还有路由-->
 <van-tabbar v-model="dactive">
        <van-tabbar-item icon="home-o" name="home" to="">首页</van-tabbar-item>
        <van-tabbar-item icon="apps-o" name="fenlei" to="/fenlei"> 分类</van-tabbar-item>
        <van-tabbar-item icon="orders-o" name="caipu" to="/caipu">菜谱</van-tabbar-item>
        <van-tabbar-item  icon="cart-o" name="gouwuche" to="/gouwuche">购物车</van-tabbar-item>
        <van-tabbar-item icon="manager-o" name="wode" to="/wode">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data(){return{
    dactive:'home',
   
  }}
}
</script>
